<style type="text/css">
	.layui-fluid-c{ padding: 10px;}
	.layadmin-tips-c{margin-top: 120px; text-align: center; font-weight: 500; color: #333;}
	.layadmin-tips-c .layui-anim-d  a{ cursor:pointer }
	.layadmin-tips-c .layui-anim-c { font-size: 40px}
	.layadmin-tips-c .layui-text-c{width: 500px; margin: 30px auto; border-top: 5px solid #009688; font-size: 16px;}
	.layadmin-tips-c .layui-anim-b { font-size: 28px;}
	.layadmin-tips-c .layui-anim-a { font-size: 18px;margin-top: 30px;text-align: left;display: none}
	.layadmin-tips-c .layui-anim-d { font-size: 18px;margin-top: 30px;}
</style>
<title>${status} 出错了！</title>

<div class="layui-fluid-c">
	<div class="layadmin-tips-c">
		<div class="layui-anim-c">${status}</div>
		<div class="layui-anim-c">${exception}</div>
		<!--<div class="layui-anim-c"><#if message!=null>${message}<#else>发生异常!</#if></div>-->
	<div class="layui-text-c"></div>
	<#if path!=null>
		<div class="layui-anim-b">
			<span>异常请求：${path}</span><br/>
		</div>
		<div class="layui-anim-d">
			<a onclick="isShow()">点击查看详细信息</a>
		</div>
		<div class="layui-anim-a">
			<span>发生时间: ${timestamp?datetime}</span><br/>
			<span>详情: <br/><#if trace!=null>${trace}<#else>无</#if></span>
		</div>
	</#if>
	</div>
</div>
<script type="text/javascript">
    function isShow(){
        var info = document.getElementsByClassName("layui-anim-a")[0];
        if(info.style.display == "block"){
            info.style.display = "none";
        }else{
            info.style.display = "block";
        }
    }
</script>
